<!-- 侧边栏模板 -->
<div class="sidebar">
    <!-- 品牌标题 -->
    <div class="brand">
        <div class="brand-logo">YS</div>
        <div class="brand-text">异烟酸收率预测系统</div>
        <div class="collapse-btn">
            <i class="fas fa-chevron-left"></i>
        </div>
    </div>
    
    <!-- 导航菜单 -->
    <div class="nav-menu">
        <!-- 主要导航 -->
        <div class="nav-category">主要功能</div>
        
        <a href="index.html" class="nav-item">
            <i class="fas fa-home nav-icon"></i>
            <span class="nav-text">首页</span>
        </a>
        
        <a href="dashboard.html" class="nav-item">
            <i class="fas fa-tachometer-alt nav-icon"></i>
            <span class="nav-text">主控面板</span>
        </a>
        
        <!-- 系统设计 -->
        <div class="nav-category">系统设计</div>
        
        <a href="model-value.html" class="nav-item">
            <i class="fas fa-chart-line nav-icon"></i>
            <span class="nav-text">模型应用价值</span>
        </a>
        
        <a href="system-architecture.html" class="nav-item">
            <i class="fas fa-project-diagram nav-icon"></i>
            <span class="nav-text">系统架构设计</span>
        </a>
        
        <a href="data-flow.html" class="nav-item">
            <i class="fas fa-database nav-icon"></i>
            <span class="nav-text">数据流设计</span>
        </a>
        
        <a href="model-deployment.html" class="nav-item">
            <i class="fas fa-server nav-icon"></i>
            <span class="nav-text">模型部署与应用</span>
        </a>
        
        <a href="ui-design.html" class="nav-item">
            <i class="fas fa-desktop nav-icon"></i>
            <span class="nav-text">用户界面设计</span>
        </a>
        
        <!-- 模型功能 -->
        <div class="nav-category">模型功能</div>
        
        <a href="yield-prediction.html" class="nav-item">
            <i class="fas fa-percentage nav-icon"></i>
            <span class="nav-text">收率预测</span>
        </a>
        
        <a href="parameter-monitoring.html" class="nav-item">
            <i class="fas fa-thermometer-half nav-icon"></i>
            <span class="nav-text">关键参数监控</span>
        </a>
        
        <a href="online-analysis.html" class="nav-item">
            <i class="fas fa-chart-bar nav-icon"></i>
            <span class="nav-text">在线分析</span>
        </a>
        
        <!-- 模型管理 -->
        <div class="nav-category">模型管理</div>
        
        <a href="model-performance.html" class="nav-item">
            <i class="fas fa-chart-pie nav-icon"></i>
            <span class="nav-text">模型性能</span>
        </a>
        
        <a href="model-details.html" class="nav-item">
            <i class="fas fa-info-circle nav-icon"></i>
            <span class="nav-text">模型详情</span>
        </a>
        
        <a href="model-update.html" class="nav-item">
            <i class="fas fa-sync-alt nav-icon"></i>
            <span class="nav-text">模型更新</span>
        </a>
        
        <!-- 系统设置 -->
        <div class="nav-category">系统设置</div>
        
        <a href="system-config.html" class="nav-item">
            <i class="fas fa-cogs nav-icon"></i>
            <span class="nav-text">系统配置</span>
        </a>
        
        <a href="documentation.html" class="nav-item">
            <i class="fas fa-book nav-icon"></i>
            <span class="nav-text">技术文档</span>
        </a>
    </div>
</div>

<!-- 移动菜单遮罩层 -->
<div class="mobile-menu-overlay"></div>

<!-- 移动菜单按钮 -->
<div class="mobile-menu-btn">
    <i class="fas fa-bars"></i>
</div> 